import { login, userInfo, userProfile } from '@/api/user'
import { getToken, setToken, removeToken,setTimeStamp,getTimeStamp } from '@/utils/auth'
// import router from '@/router'

const state = {
  // 保存token
  token: getToken(),
  // 声明一个保存用户信息的state
  userInfo: {}
}

const mutations = {

  setToken(state, token) {
    // 存到vuex的state
    state.token = token
    // 存到本地
    setToken(token)
    // 保存token时立即保存时间戳
    setTimeStamp()
  },
  // 设置用户信息
  setUserInfo(state, payload) {
    state.userInfo = payload
  },

  // 删除token
  removeToken(state) {
    state.token = null
    // 删除本地的
    removeToken()
  },
  // 删除用户信息
  removeUserInfo(state) {
    state.userInfo = {}
  }

}

const actions = {

  // 发请求获取token
  async login(context, data) {

    // 传入参数
    try {

      let res = await login(data)
      context.commit('setToken', res.data)

    } catch (error) {

      // 来到这证明请求失败，让代码报错
      // 这样子Login.vue就能收到失败的信息了
      return Promise.reject(error)
    }
  },
  // 发起请求获取用户信息
  async getUserInfo(context) {
    // 发请求
    let res = await userInfo()
    // 发请求获取基本资料
    let res2 = await userProfile(res.data.userId)
    // 此时userinfo里应该保留res和res2里的数据
    let allInfo = {
      ...(res.data),
      ...(res2.data)
    }

    context.commit('setUserInfo', allInfo)
  },
  // 做退出
  logout({commit}) {
    // 删除token
   commit('removeToken')
    // 删除用户信息
    commit('removeUserInfo')
    
  }
}


export default {
  namespaced: true,
  state,
  mutations,
  actions
}

